<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" type="text/css" href="css/base.css" />
    <link rel="stylesheet" type="text/css" class="theme" href="css/chromified.css">
    <link rel="stylesheet" type="text/css" class="theme" href="css/jquery-ui-1.7.2.custom.css">
    <script type="text/javascript" src="js/t.js"></script>
    <script type="text/javascript" src="js/popup.js"></script>
  </head>
  <body>
    <div id="workspace">
      <div id="compose_tweet_area" style="display: none;">
	<textarea rows="4" id="tweet_area_text" onkeyup="onTextAreaChanged(event);" onblur="onTextAreaChanged();"></textarea>
	<div id="shortener_area">
	  <input type="text" name="shortener_text" style="color: #aaa;" value="Make a URL shorter (default is current page) Click ->"
		 onFocus="this.value=''; "/>
	  <div id="shorten_current" title="Shorten the URL" onclick="shortenURL();"></div>
	</div>
	<div class="footer">
	  <input type="button" value="发布" onclick="sendTweet();"/>
	  <div id="chars_left" class="chars_left">163</div>
	</div>
      </div>
      <div id="compose_tweet" onclick="toggle_compose_tweet_area()">
	<img class="left" id="compose_tweet_left_img" src="img/arrow_down.gif"/>
	撰写微博
	<img class="right" id="compose_tweet_right_img" src="img/arrow_down.gif"/>
      </div>

      <!--
	 <span class="header_link_left">
	   <a href="javascript:signout()">Log out</a> |
	   <a href="#" onclick="openTab(chrome.extension.getURL('options.html'))">Options</a>
	 </span>
	 <a class="header_link_right" href="javascript:Renderer.markAllAsRead();">Mark all as read</a>
	 <img src="img/loading.gif" id="loading" style="display: none;"/>
	 <div style="clear: both;"></div>

	 <div id="update_tweets" onclick="loadNewTweets();"></div>

	 -->

      <div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
	<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all ui-sortable">
	  <li id="tab_#timeline-home" onclick="onSelectTab(0);" class="ui-state-default ui-corner-top">
	    <div class="tab_modifier" id="tab_modifier_home" style="width: 0px;"></div>
	    <a href="#timeline-home"><span>首页</span></a></li>
	  <li id="tab_#timeline-mentions" onclick="onSelectTab(1);" class="ui-state-default ui-corner-top">
	    <div class="tab_modifier" id="tab_modifier_mentions" style="width: 0px;"></div>
	    <a href="#timeline-mentions"><span>@我的</span></a></li>
<!--	  <li id="tab_#timeline-dms" class="ui-state-default ui-corner-top"><a href="#timeline-dms"><span>DM</span></a></li> -->
	  <li id="tab_#timeline-mine" onclick="onSelectTab(2);" class="ui-state-default ui-corner-top">
	    <a href="#timeline-mine"><span>微博</span></a></li>
	  <li id="tab_#timeline-favorites" onclick="onSelectTab(3);" class="ui-state-default ui-corner-top">
	    <a href="#timeline-favorites"><span>收藏</span></a></li>
	  <li id="tab_#timeline-mine" onclick="onSelectTab(4);" class="ui-state-default ui-corner-top">
	    <div class="tab_modifier" id="tab_modifier_inbox" style="width: 0px;"></div>
	    <a href="#timeline-mine"><span>收件箱</span></a></li>
	  <li id="tab_#timeline-mine" onclick="onSelectTab(5);" class="ui-state-default ui-corner-top">
	    <a href="#timeline-mine"><span>发件箱</span></a></li>
	</ul>
	<div class="timeline ui-tabs-panel ui-widget-content ui-corner-bottom" id="timeline-home">
	</div>
	<div class="timeline ui-tabs-panel ui-widget-content ui-corner-bottom" id="timeline-mentions">
	</div>
	<div class="timeline ui-tabs-panel ui-widget-content ui-corner-bottom" id="timeline-mine">
	</div>
	<div class="timeline ui-tabs-panel ui-widget-content ui-corner-bottom" id="timeline-favorites">
	</div>
	<div class="timeline ui-tabs-panel ui-widget-content ui-corner-bottom" id="timeline-inbox">
	</div>
	<div class="timeline ui-tabs-panel ui-widget-content ui-corner-bottom" id="timeline-sent">
	</div>
      </div>
    </div>

    <script>
      compose_area_init();
      showTweets(0);
    </script>
  </body>
</html>


